
/* CSS Document */

@charset "utf-8";

/**************************************************************/
/*TAGS*/
/**************************************************************/
/*Formato para todos los hipervínculos*/



a {
    color : #104076;
    text-decoration : none;
  }

/*hipervinculos grises*/

a.grisClaro {
    color : #cccccc;
    text-decoration : none;
  }

/*Formato para los hypervínculos visitados y cuando el mouse se posicione encima*/

a:visited {
    color : #608ba7;
    text-decoration : none;
  }

a:hover {
    color : #C1C1C1;
    text-decoration : underline;
  }


/*configuraciones generales del cuerpo de la página*/



body {
    margin: 0px 0px 0px 0px;
    color : #414141;
    font-family : sans-serif;
    font-size:12px;
    background-image:url(../imagenes/tramaPrincipal.png);
  }

/**************************************************************/
/*Clases y subclases*/
/**************************************************************/

/*titulos principales*/



.titulo {
    color : #f1f1f1;
    font-family : FreeSans;
    font-size:24px;
    font-variant:small-caps;
    font-weight:bold;
  }

/*titulos segundo nivel*/



.subTitulo {
    color : #f1f1f1;
    font-family : FreeSans;
    font-size:14px;
    font-variant:small-caps;
  }

/*titulos tercer nivel*/



.subTitulo2 {
    color : #a1a1a1;
    font-family : FreeSans;
    font-size:14px;
    font-variant:small-caps;
  }

/*color gris standar*/



.colorGris {
    color:#222222;
  }

/*color azul standar*/



.colorAzul {
    color:#104076;
  }

/*fondo azul superior*/



.fondoAzul {
    background-image : url('../imagenes/fondoAzul.png');
    background-repeat : repeat-x;
    height:25px;
  }

/*fondo gris superior*/



.fondoGris {
    background-image : url('../imagenes/fondoGris.png');
    background-repeat : repeat-x;
    height:25px;
  }

/*fondo azul inferior*/



.fondoAzulInvertido {
    background-image : url('../imagenes/fondoAzulInvertido.png');
    background-repeat : repeat-x;
    height:25px;
  }

/*fondo gris inferior*/



.fondoGrisInvertido {
    background-image : url('../imagenes/fondoGrisInvertido.png');
    background-repeat : repeat-x;
    height:25px;
  }

/*formato de la tabla principal de la página*/



.tablaPrincipal {
    background-color : white;
    border-bottom-color : #d1d1d1;
    border-bottom-style : solid;
    border-bottom-width : 0px;
    border-left-color : #d1d1d1;
    border-left-style : solid;
    border-left-width : 5px;
    border-right-color : #d1d1d1;
    border-right-style : solid;
    border-right-width : 5px;
    border-top-color : #d1d1d1;
    border-top-style : solid;
    border-top-width : 0px;
    width:1024px;
  }

/*formato del encabezado para la página principal*/



.encabezadoPP {
    margin: 0px;
    background-image:url(../imagenes/bannerPrincipal.png);
    background-repeat:no-repeat;
    height:120px;
    width:1024px;
  }

/*formato del encabezado para la página secundaria (páginas internas de la aplicación)*/



.encabezadoPS {
    margin: 0px;
    background-image:url(../imagenes/tramaSecundaria.png);
    background-repeat:repeat-x;
    height:80px;
    width:1024px;
  }

/*Formato para el contenido celdas que dividen un apartado*/
.celdaContenido {
    background-color:#f1f1f1;
    border-top-style:outset;
    border-bottom-style:solid;
    border-width:3px;
    border-color:#222222;
    text-align:center;
  }

/*Estilo inferior para las celdas demarcada con un borde punteado en gris*/
.borderCeldaInferior {
    border-bottom-width:1px;
    border-bottom-style:dotted;
    border-bottom-color:#c1c1c1;
  }

/*Estilo inferior para las celdas demarcada con un borde punteado en gris*/
.borderCeldaInferiorDivisor {
	background-color:#dddddd;
    border-bottom-width:2px;
    border-bottom-style:solid;
    border-bottom-color:#aaaaaa;
  }

/*Estilo de la capa principal modificable por ajax*/
.capaRespuesta {
    padding:10px;
  }

/*Estilo de la capa de aviso usada por solicitudes ajax*/
.capaAviso {
    color : #608ba7;
    background-color:#cccccc;
    padding:2px;
    width:100px;
    height:20px;
    text-align:center;
    font-weight:bolder;
    position:absolute;
    left:100%;
    margin-left:-120px;
    visibility:hidden;
  }

/*Estilo de la capa de aviso usada por solicitudes ajax*/
.capaLateral {
    height:80%;
    text-align:center;
    position:absolute;
    top:50%;
    margin-top:-20%;
  }


/*Estilo de la capa para la barra lateral*/
.tramaBarraLateral {
    background-color:#cccccc;
    background-image : url('../imagenes/tramaBarraLateral.png');
    -moz-opacity : 0.8;
    filter : alpha(opacity=80);
    opacity : 0.8;
  }

.areaMensajeError{
	color:#C62810;
}
.entradasError{
	border-bottom-color : #f22929; 
	border-bottom-style : solid; 
	border-bottom-width : 2px; 
	border-left-color : #f22929; 
	border-left-style : solid; 
	border-left-width : 2px; 
	border-right-color : #f22929; 
	border-right-style : solid; 
	border-right-width : 2px; 
	border-top-color : #f22929; 
	border-top-style : solid; 
	border-top-width : 2px;
}

/***************************** Menu Emergente **************/
#overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
	 background-image:url(../imagenes/modalBackground.png);
	
}
#overlay div {
     width:300px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;
}

/****************************** Autosuggest*****************************/

	.suggestionsBox {
		margin: 10px 0px 0px 0px;

		background-color: #212427;
		position: absolute;
		border: 2px solid #000;	
     left:auto;
     top: auto;
     width:auto;
     height:auto;
     text-align:left;
     z-index: 1000;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #000;	
	color: #fff;

	}
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor:pointer;
		list-style:none;

	}
	
	.suggestionList li:hover {
		background-color: #659CD8;
	}


/*********** Selectable   ********************************************/
	#feedback { font-size: 1.4em; }
	#selectable .ui-selecting { background:#0073ea; color:white; }
	#selectable .ui-selected { background:#0073ea; color: white; }
	#selectable { list-style-type: none; margin: 0; padding: 0; width:auto; height:auto;}
	#selectable li { margin: 3px; padding: 0.4em; font-size:inherit; width:auto;}

/**************************************************************************/
.solicitudes 
{ width: auto; height: auto; padding: 0.5em; float: left; margin: 10px 10px 10px 0; border:#000; }

.flexigrid div.fbutton .edit {
        background: url(../imagenes/edit.png) no-repeat center left;
}

.flexigrid div.fbutton .agregar {
        background: url(../imagenes/agregar.gif) no-repeat center left;
}

.flexigrid div.fbutton .eliminar {
        background: url(../imagenes/eliminar.png) no-repeat center left;
}

.flexigrid div.fbutton .calcular {
        background: url(../imagenes/calcular.png) no-repeat center left;
}

button.boton{
    padding: 6px 10px;
	-webkit-border-radius: 4px 4px;
	border: solid 1px rgb(153, 153, 153);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)));
	color: #333;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
	line-height: 1; 
  }


